.home {
    --font-color: #fff;
    --font-size: 0.16rem;
    --border-color: #1a3f5f;
    --bj-color: #032137;
    --btn-color: rgba(26, 48, 69, 1);
    --title-height: 0.5rem;
    --title-size: 0.2rem;
    position: relative;
    color: var(--font-color);
    font-size: var(--font-color);
    /* overflow: hidden; */
  }
  
  .top {
    position: absolute;
    width: 100vw;
    height: 0.8rem;
    z-index: 2;
    font-size: var(--font-size);
  }
  .main {
    width: 100%;
    position: absolute;
    top: 0.8rem;
    z-index: 2;
  }
  .left {
    margin-top: 0.2rem;
    position: absolute;
    top: 0.8rem;
    left: 0;
    width: 3.5rem;
    border: 0.02rem solid var(--border-color);
    padding: 0 1% ;
    background: var(--bj-color);
    z-index: 2;
    box-sizing: border-box;
  }
  .right {
    margin-top: 0.2rem;
    position: absolute;
    top: 0.8rem;
    right: 0;
    width: 3.5rem;
    z-index: 2;
    box-sizing: border-box;
    border: 0.02rem solid var(--border-color);
    background: var(--bj-color);
  }
  .center {
    /* width: 60%; */
    /* padding: 0 3.5rem;
    margin: 0 auto;
    padding-top: 0.8rem;
    box-sizing: border-box; */
    width: 100vw;
    height: 100vh;
  }
  